<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>早养车</title>
    <script src="js/mui.min.js"></script>
    <link href="css/mui.min.css" rel="stylesheet"/>
    <script type="text/javascript" charset="utf-8">
      	mui.init();
    </script>
    <link rel="stylesheet" type="text/css" href="css/header.css"/>
    <link rel="stylesheet" type="text/css" href="css/sales.css"/>
</head>
<body>
	<!--下面这里是头部-->
	<header class="header">
		<img src="images/index1.png" class="header-logo"/>
		<img src="images/index2.png" class="header-text"/>
	</header>
	<!--上面这里是头部-->
	<!--下面这里是底部导航-->
	<nav class="bottomNav mui-bar mui-bar-tab">
		<a href="./index.html" class="mui-tab-item">
			<img src="images/icon1.png"/>
			<span>首页</span>
		</a>
		<a href="#" class="mui-tab-item customBtn">
			<img src="images/sales4.png"/>
			<span>促销</span>
		</a>
	</nav>
	<!--上面这里是底部导航-->

	<!--巨幕广告头-->
	<img class="banner" src="images/sales1.png"/>

	<!--商品内容区块-->
	<div class="goods-area">
		<a href="#"><img src="./images/sales3.png"/></a>
		<ul class="goods-area-list">
			<a href="#"><li>
				<h4 class="mui-text-center mui-ellipsis">嘉实多级护</h4>
				<h3 class="mui-text-center mui-ellipsis">￥456.00</h3>
				<i class="mui-text-center">Go</i>
				<img src="images/sales2.png"/>
			</li></a>
			<a href="#"><li>
				<h4 class="mui-text-center mui-ellipsis">嘉实多级护</h4>
				<h3 class="mui-text-center mui-ellipsis">￥456.00</h3>
				<i class="mui-text-center">Go</i>
				<img src="images/sales2.png"/>
			</li></a>
			<a href="#"><li>
				<h4 class="mui-text-center mui-ellipsis">嘉实多级护</h4>
				<h3 class="mui-text-center mui-ellipsis">￥456.00</h3>
				<i class="mui-text-center">Go</i>
				<img src="images/sales2.png"/>
			</li></a>
		</ul>
	</div>
	<div class="goods-area">
		<a href="#"><img src="./images/sales3.png"/></a>
		<ul class="goods-area-list">
			<a href="#"><li>
				<h4 class="mui-text-center mui-ellipsis">嘉实多级护</h4>
				<h3 class="mui-text-center mui-ellipsis">￥456.00</h3>
				<i class="mui-text-center">Go</i>
				<img src="images/sales2.png"/>
			</li></a>
			<a href="#"><li>
				<h4 class="mui-text-center mui-ellipsis">嘉实多级护</h4>
				<h3 class="mui-text-center mui-ellipsis">￥456.00</h3>
				<i class="mui-text-center">Go</i>
				<img src="images/sales2.png"/>
			</li></a>
			<a href="#"><li>
				<h4 class="mui-text-center mui-ellipsis">嘉实多级护</h4>
				<h3 class="mui-text-center mui-ellipsis">￥456.00</h3>
				<i class="mui-text-center">Go</i>
				<img src="images/sales2.png"/>
			</li></a>
		</ul>
	</div>
	
	<!--底部页脚-->
	<footer class="footer">
		早养车超值平台·南国早报独立开发运营·合作请拨热线
	</footer>
	<script type="text/javascript" src="js/index.js"></script>
</body>
</html>